.body {
    background-image: url(../img/bg_d.png); 
    padding-top:0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#login{
position: relative;
border: 1px solid #ddd;
width: 474px;
margin: 0 auto;
background: #fff;
padding: 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}

.div_login{
margin-top: -134.5px;
top: 50%;
position: absolute;
margin-left: -248px;
left: 50%;
position: relative;
border: 1px solid #ddd;
width: 474px;
margin: 0 auto;
background: #fff;
padding: 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}

.div_logo{
float: left;
padding: 10px 0;
position: relative;
margin-left: 120px;
padding-left: 40px;
border-left: 1px solid #ddd;
}
.logo_img {
width: 64px;
position: absolute;
top: 50%;
margin: -32px 0 0 -136px;
}

.panel{
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
margin: 0;
padding: 0;
}

.div_logo .heading_main {
font-family: "Open Sans Condensed",sans-serif;
font-size: 22px;
margin-bottom: 20px;
}
.submit_sect {
text-align: center;
padding-top: 18px;
}

.btn-beoro-3 {
text-shadow: 0px -1px 0px #004573;
color: #fff;
background-color: #006391;
background-image: -moz-linear-gradient(top, #1e81af, #004573);
background-image: -ms-linear-gradient(top, #1e81af, #004573);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e81af), to(#004573));
background-image: -webkit-linear-gradient(top, #1e81af, #004573);
background-image: -o-linear-gradient(top, #1e81af, #004573);
background-image: linear-gradient(top, #1e81af, #004573);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e81af', endColorstr='#004573', GradientType=0);
border-color: #006391 #004573 #004573 #006391;
border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
}
.div_logo input[type="text"], .main-col input[type="password"] {
width: 240px;
display: block;
font-size: 13px;
padding: 6px 4px;
background-color: #fff;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
color: #555;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 16px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.div_logo label {
	display:block;
	font-size:12px;
	margin-bottom:4px;
	color:#888}
.div_logo input[type="text"],.div_logo input[type="password"] {
	width:240px;
	display:block;
	font-size:13px;
	padding:6px 4px;
	background-color: #fff;
	border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);color:#555;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-bottom:16px;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear}
.div_logo input[type="text"]:focus,input[type="password"]:focus{
	border-color: #5ca9e4;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 0 0 2px rgba(70, 161, 231, 0.3)}
.div_logo label.checkbox {
	margin-top:-6px;
	position:relative;color:#333
	}

input[type="checkbox"] {
-webkit-appearance: checkbox;
box-sizing: border-box;
margin: 3px 3px 3px 4px;
}
.login_links {
position: absolute;
bottom: -30px;
left: 0;
text-align: left;
font-size: 12px;
width: 100%;
}
.login_links2 {
position: absolute;
bottom: -70px;
left:100;
text-align: right;
font-size: 12px;
width: 100%;
}

.btn:hover {color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear}
.btn-beoro-3 { text-shadow: 0px -1px 0px #004573; color: #fff; background-color: #006391; background-image: -moz-linear-gradient(top, #1e81af, #004573); background-image: -ms-linear-gradient(top, #1e81af, #004573); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e81af), to(#004573)); background-image: -webkit-linear-gradient(top, #1e81af, #004573); background-image: -o-linear-gradient(top, #1e81af, #004573); background-image: linear-gradient(top, #1e81af, #004573); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e81af', endColorstr='#004573', GradientType=0); border-color: #006391 #004573 #004573 #006391; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-beoro-3:hover, .btn-beoro-3:active, .btn-beoro-3.active, .btn-beoro-3.disabled, .btn-beoro-3[disabled] { background-color: #004573; }
.btn-beoro-3:hover { color: #fff; text-shadow: 0px -1px 0px #002755; }
.btn-beoro-3.active, .btn-beoro-3:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #fff; }
}
.btn-beoro-3 {
text-shadow: 0px -1px 0px #004573;
color: #fff;
background-color: #006391;
background-image: -moz-linear-gradient(top, #1e81af, #004573);
background-image: -ms-linear-gradient(top, #1e81af, #004573);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e81af), to(#004573));
background-image: -webkit-linear-gradient(top, #1e81af, #004573);
background: -o-linear-gradient(top, #1e81af, #004573);
background-image: linear-gradient(top, #1e81af, #004573);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e81af', endColorstr='#004573', GradientType=0);
border-color: #006391 #004573 #004573 #006391;
border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
}



.btn {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-repeat: repeat-x;
border: 1px solid #bbb;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

